<template>
  <view class="agreement-container">
    <!-- 协议列表 -->
    <view class="section">
      <view class="info-list">
        <!-- GVR隐私权政策 -->
        <view class="info-item" @click="handlePrivacyClick">
          <text class="info-label">《GVR隐私权政策》</text>
          <image class="arrow" src="/static/my/my-right.png" mode="aspectFit"></image>
        </view>
        
        <!-- GVR用户服务协议 -->
        <view class="info-item" @click="handleServiceClick">
          <text class="info-label">《GVR用户服务协议》</text>
          <image class="arrow" src="/static/my/my-right.png" mode="aspectFit"></image>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
import { RouterMethods } from '@/utils/router'

// 点击隐私政策
const handlePrivacyClick = () => {
  RouterMethods.toPrivacyPolicy()
}

// 点击服务协议
const handleServiceClick = () => {
  RouterMethods.toServiceAgreement()
}
</script>

<style>
.agreement-container {
  min-height: 100vh;
  padding: 0 56rpx;
  padding-bottom: env(safe-area-inset-bottom)
}

.section {
  margin-top: 32rpx;
}

.info-list {
  background: #FFFFFF;
}

.info-item {
  margin-bottom: 60rpx;
  border-bottom: 2rpx solid rgba(0,30,50,1);
  padding-bottom: 13rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.info-label {
  font-family: PingFangSC-Medium;
  font-size: 28rpx;
  color: #000000;
  letter-spacing: 0;
  font-weight: 500;
}

.arrow {
  width: 18rpx;
  height: 32rpx;
}
</style>